@charset "utf-8";
/*------------------------------------------------------------
	rental/index.html
------------------------------------------------------------*/
.leftContent .layui-add-listing {
	margin-bottom: 15px;
	color: #966bb9;
	font-size: 12px;
}

.leftContent .layui-add-listing a {
	color: #966bb9;
}

.leftContent .sort dt {
	margin-bottom: 14px;
	font-size: 12px;
}

.leftContent .sort dt a {
	color: #333;
}

.leftContent .sort dd {
	margin-bottom: 14px;
	font-size: 12px;
}

.leftContent .sort dd a {
	color: #999;
}

.rightContent .layui-function {
	margin: 11px 0;
	overflow: hidden;
	zoom: 1;
}

.rightContent .layui-function .layui-illustrate {
	float: left;
	margin-top: 6px;
	overflow: hidden;
	zoom: 1;
}

.rightContent .layui-function .layui-illustrate:first-child {
	margin-right: 49px;
	border-right: 1px solid #AAB0C4;
}

.rightContent .layui-function .layui-illustrate dt {
	float: left;
	margin-right: 1px;
	color: #000;
	font-size: 16px;
}

.rightContent .layui-function .layui-illustrate dd {
	float: left;
	margin-right: 32px;
	padding-top: 2px;
	color: #43b989;
	font-size: 16px;
	font-weight: bold;
}

.rightContent .layui-function .layui-search {
	float: left;
	padding-left: 100px;
	width: 374px;
}

.rightContent .layui-function .layui-search {
	position: relative;
}

.rightContent .layui-function .layui-search img {
	position: absolute;
	right: 11px;
	top: 10px;
}

.rightContent .layui-function .layui-search .layui-input {
	height: 36px;
	line-height: 36px;
	color: #999;
	font-size: 12px;
	border: 1px solid #DBCEE6;
	border-radius: 5px;
}

.rightContent .layui-title {
	margin-bottom: 16px;
	padding-bottom: 16px;
	position: relative;
	color: #666;
	background: url(../img/common/line01.gif) repeat-x left bottom;
}

.rightContent .layui-title a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 24px;
	line-height: 24px;
	width: 88px;
	color: #9060b8;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
}

.rightContent .layui-room-list {
	margin-bottom: 15px;
}

.rightContent .layui-room-list li {
	float: left;
	margin: 0 15px 9px 0;
	width: 128px;
	padding: 3px 0 3px 9px;
	min-height: 80px;
	position: relative;
	background-color: #FFF;
	box-sizing: border-box;
	box-shadow: 1px 1px 1px #E5E5E5;
	border-left: 6px solid #DBCEE6;
}

.rightContent .layui-room-list .liStyle {
	border-color: #826799;
}

.rightContent .layui-room-list .special {
	padding: 0;
	border-left: none;
}

.rightContent .layui-room-list li .room-number {
	color: #826799;
	font-weight: bold;
}

.rightContent .layui-room-list li .prompt .bg {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 19px solid #43B989;
	border-right: 19px solid #43B989;
	border-bottom: 19px solid rgba(0,0,0,0);
	border-left: 19px solid rgba(0,0,0,0);
}

.rightContent .layui-room-list li .prompt02 .bg {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 19px solid #FF5745;
	border-right: 19px solid #FF5745;
	border-bottom: 19px solid rgba(0,0,0,0);
	border-left: 19px solid rgba(0,0,0,0);
}

.rightContent .layui-room-list li .prompt p,
.rightContent .layui-room-list li .prompt02 p {
	position: absolute;
	right: 5px;
	top: 0;
	color: #fff;
	font-size: 14px;
}

.rightContent .layui-room-list li .textBox {
	position: absolute;
	left: 9px;
	bottom: 2px;
}

.rightContent .layui-room-list li .textBox .fettle {
	color: #c8c8c8;
	font-size: 12px;
}

.rightContent .layui-room-list li .textBox .name {
	color: #666;
	font-size: 12px;
}

.rightContent .layui-room-list li .textBox .cycle,
.rightContent .layui-room-list li .textBox .cycle02 {
	color: #666;
	font-size: 12px;
}

.rightContent .layui-room-list li .textBox .cycle span {
	color: #43b989;
}

.rightContent .layui-room-list li .textBox .cycle02 span {
	color: #c62d2d;
}

.rightContent .layui-room-list li .show {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 128px;
	cursor: pointer;
	background-color: #ECECEC;
}

.rightContent .layui-room-list li .show02 {
	background-color: #FFEBED;
}

.rightContent .layui-room-list li .show03 {
	background-color: #E5F6EB;
}

.rightContent .layui-room-list li .show04 {
	background-color: #FCF2FD;
}

.rightContent .layui-room-list li .show .vacant {
	padding: 5px 0 0 5px;
	color: #333;
	font-size: 10px;
}

.rightContent .layui-room-list li .show .contract_btn,
.rightContent .layui-room-list li .show .urge_btn {
	position: absolute;
	left: 5px;
	bottom: 4px;
	display: block;
	height: 20px;
	line-height: 20px;
	width: 40px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #826799;
}

.rightContent .layui-room-list li:hover .show {
	display: block;
}

.rightContent .layui-room-list li .show .overdue {
	padding: 5px 0 0 5px;
	color: #ff5745;
	font-size: 10px;
}

.rightContent .layui-room-list li .show03 .overdue {
	color: #333;
}

.rightContent .layui-room-list li .show .expire {
	padding: 5px 0 0 5px;
	color: #333;
	font-size: 10px;
}

.rightContent .layui-room-list li .show .expire span {
	color: #43b989;
	font-weight: bold;
}

.rightContent .layui-room-list li .show .next_cycle {
	padding: 5px 0 0 5px;
	color: #333;
	font-size: 10px;
}

/*------------------------------------------------------------
	添加房源
------------------------------------------------------------*/
.add-listing-box {
	/*display: none;*/
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 700px;
	padding: 18px 30px 0 30px;
	background-color: #fff;
}

.add-listing-box .close,
.edit-listing-box .close {
	margin-bottom: 8px;
	text-align: right;
}

.add-listing-box .headline,
.edit-listing-box .headline {
	margin-bottom: 28px;
	color: #333;
	font-size: 18px;
}

.add-listing-box .layui-form dt,
.edit-listing-box .layui-form dt {
	float: left;
	padding-top: 9px;
	color: #666;
}

.add-listing-box .layui-form dd,
.edit-listing-box .layui-form dd {
	margin: 0 0 22px 188px;
	width: 512px;
}

.add-listing-box .layui-form dd .layui-input,
.edit-listing-box .layui-form dd .layui-input {
	color: #b4b4b4;
	font-size: 12px;
	border-radius: 4px;
	border: 1px solid #EBEBEB;
}

.add-listing-box .layui-form .layui-table tbody tr:hover,
.add-listing-box .layui-form .layui-table thead tr,
.add-listing-box .layui-form .layui-table-click,
.add-listing-box .layui-form .layui-table-header,
.add-listing-box .layui-form .layui-table-hover,
.add-listing-box .layui-form .layui-table-mend,
.add-listing-box .layui-form .layui-table-patch,
.add-listing-box .layui-form .layui-table-tool,
.add-listing-box .layui-form .layui-table[lay-even] tr:nth-child(2n) {
	background: none;
}

.add-listing-box .layui-form .layui-table th,
.edit-listing-box .layui-form .layui-table th {
	padding: 7px 15px 8px;
	color: #666;
	font-size: 12px;
	text-align: center;
}

.add-listing-box .layui-form .layui-table td,
.edit-listing-box .layui-form .layui-table td {
	padding: 5px 15px;
	color: #666;
	font-size: 12px;
	text-align: center;
}

.add-listing-box .layui-form .notes,
.edit-listing-box .layui-form .notes {
	padding-left: 13px;
	color: #b4b4b4;
	font-size: 12px;
	background: url(../img/common/icon14.gif) no-repeat left center;
}

.add-listing-box .layui-form .submit,
.edit-listing-box .layui-form .submit,
.contract-box .layui-form .submit {
	margin-top: 110px;
	text-align: center;
}

.add-listing-box .layui-form .submit .layui-btn,
.edit-listing-box .layui-form .submit .layui-btn,
.contract-box .layui-form .submit .layui-btn {
	height: 42px;
	line-height: 42px;
	width: 190px;
	font-size: 16px;
	background-color: #9060B8;
	border-radius: 5px;
}

/*------------------------------------------------------------
	编辑房源
------------------------------------------------------------*/
.edit-listing-box {
	/*display: none;*/
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 700px;
	padding: 18px 30px 0 30px;
	background-color: #fff;
}

.edit-listing-box .layui-form .layui-table tbody tr:hover,
.edit-listing-box .layui-form .layui-table thead tr,
.edit-listing-box .layui-form .layui-table-click,
.edit-listing-box .layui-form .layui-table-header,
.edit-listing-box .layui-form .layui-table-hover,
.edit-listing-box .layui-form .layui-table-mend,
.edit-listing-box .layui-form .layui-table-patch,
.edit-listing-box .layui-form .layui-table-tool,
.edit-listing-box .layui-form .layui-table[lay-even] tr:nth-child(2n) {
	background: none;
}

.edit-listing-box .layui-form .layui-table td p {
	color: #999;
	line-height: 1.5;
	text-align: left;
}

/*------------------------------------------------------------
	添加房间
------------------------------------------------------------*/
.add-room-box {
	/*display: none;*/
	position: fixed;
	left: 50%;
	top: 235px;
	padding: 15px 30px 44px;
	width: 760px;
	margin: 0 0 0 -386px;
	box-sizing: border-box;
	background-color: #FFF;
}

.add-room-box .close {
	position: absolute;
	right: 28px;
	top: 17px;
}

.add-room-box .headline {
	margin-bottom: 42px;
	color: #333;
	font-size: 18px;
}

.add-room-box .community-name {
	margin: 0 43px 25px;
}

.add-room-box .community-name dt {
	float: left;
	color: #333;
}

.add-room-box .community-name dd {
	margin-left: 7.1em;
	color: #333;
	font-weight: bold;
}

.add-room-box .room-name {
	margin: 0 43px 45px;
}

.add-room-box .room-name dt {
	margin-bottom: 7px;
	color: #333;
	font-size: 14px;
}

.add-room-box .room-name dd .layui-input {
	color: #b4b4b4;
	border-radius: 4px;
	border: 1px solid #EBEBEB;
}

.add-room-box .submit {
	margin: 0 auto;
	width: 190px;
}

.add-room-box .submit .layui-btn {
	height: 42px;
	line-height: 42px;
	width: 190px;
	font-size: 16px;
	background-color: #9060B8;
	border-radius: 5px;
}

/*------------------------------------------------------------
	催租提醒
------------------------------------------------------------*/
.remind-box {
	/*display: none;*/
	position: fixed;
	left: 50%;
	top: 235px;
	padding: 70px 30px 47px;
	width: 760px;
	margin: 0 0 0 -386px;
	box-sizing: border-box;
	background-color: #FFF;
}

.remind-box p {
	color: #333;
	text-align: center;
}

.remind-box .submit {
	margin: 86px auto 0;
	width: 190px;
}

.remind-box .submit .layui-btn {
	height: 42px;
	line-height: 42px;
	width: 190px;
	font-size: 16px;
	background-color: #9060B8;
	border-radius: 5px;
}

/*------------------------------------------------------------
	签约
------------------------------------------------------------*/
.contract-box {
	/*display: none;*/
	position: fixed;
	left: 50%;
	top: 93px;
	padding: 15px 0 7px 59px;
	width: 701px;
	margin: 0 0 0 -386px;
	background-color: #FFF;
}

.contract-box .scroll-box {
	padding-right: 0;
	height: 670px;
	overflow-y: scroll;
}

.contract-box .close {
	margin: 0 27px 51px 0;
	text-align: right;
}

.contract-box .headline {
	margin-bottom: 33px;
	padding-left: 12px;
	color: #333;
	font-size: 18px;
	line-height: 1;
	border-left: 4px solid #43B989;
}

.contract-box .layui-input {
	padding-left: 15px;
	color: #999;
	font-size: 12px;
	border: 1px solid #EBEBEB;
	border-radius: 4px;
}

.contract-box .label-text {
	margin-bottom: 7px;
	color: #333;
}

.contract-box .label-text span {
	margin-left: 15px;
	color: #999;
}

.contract-box .label-text .error {
	color: #ff5745;
}

.contract-box .necessary {
	padding-left: 16px;
	background: url(../img/common/icon15.gif) no-repeat left 4px;
}

.contract-box .room-information {
	margin: 0 0 33px 0;
}

.contract-box .room-information li {
	float: left;
	margin-right: 48px;
	width: 294px;
	color: #333;
}

.contract-box .basic-information {
	margin-bottom: 35px;
}

.contract-box .basic-information .basic-list {
	margin: 0 0 25px 0;
}

.contract-box .basic-information .basic-list li {
	float: left;
	margin-right: 48px;
	width: 294px;
}

.contract-box .basic-information .identification {
	margin-bottom: 27px;
	width: 636px;
}

.contract-box .identification-upload {
	padding-top: 5px;
}

.contract-box .identification-upload li {
	margin-right: 20px;
	float: left;
}

.contract-box .identification-upload li .layui-btn {
	height: 80px;
	line-height: 80px;
	width: 117px;
	color: #9b84ae;
	font-size: 12px;
	background-color: #F6F6F6;
	border: 1px solid #EBEBEB;
}

.contract-box .leasing-list {
	margin-bottom: 20px;
}

.contract-box .leasing-list li {
	float: left;
	margin: 0 38px 20px 0;
	width: 301px;
}

.contract-box .leasing-list .liStyle {
	margin-right: 0;
	width: auto;
}

.contract-box .leasing-list li:first-child .label-text {
	margin-bottom: 19px;
}

.contract-box .leasing-list li .time,
.contract-box .leasing-list li .payment-method {
	margin-right: 30px;
}

.contract-box .leasing-list li .time a,
.contract-box .leasing-list li .payment-method a {
	margin-right: 5px;
	display: inline-block;
	position: relative;
	height: 44px;
	line-height: 44px;
	width: 56px;
	color: #999;
	font-size: 12px;
	text-align: center;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	box-sizing: border-box;
}

.contract-box .leasing-list li .time a:hover,
.contract-box .leasing-list li .payment-method a:hover {
	color: #fff;
	background-color: #9060B8;
	border: 1px solid #9060B8;
}

.contract-box .leasing-list li .time img,
.contract-box .leasing-list li .payment-method img {
	position: absolute;
	right: 0;
	top: 0;
}

.contract-box .leasing-list li .inner,
.contract-box .debris-information .debris-detail li .inner {
	position: relative;
}

.contract-box .leasing-list li .inner span,
.contract-box .debris-information .debris-detail li .inner span {
	position: absolute;
	right: 19px;
	top: 10px;
	color: #999;
	font-size: 12px;
}

.contract-box .leasing-list li .inner02 .layui-input {
	height: 44px;
	line-height: 44px;
	padding-left: 15px;
	width: 301px;
	color: #999;
	font-size: 12px;
	border: 1px solid #EBEBEB;
	border-radius: 4px;
	box-sizing: border-box;
}

.contract-box .leasing-list li .inner02 span {
	position: absolute;
	right: 19px;
	top: 13px;
	color: #999;
	font-size: 12px;
}

.contract-box .leasing-list li .layui-unselect {
	margin-right: 20px;
}

.contract-box .leasing-list li .layui-unselect {
	height: 38px !important;
	line-height: 38px !important;
	width: 140px;
}

.contract-box .leasing-list li .layui-form-select dl {
	top: 38px;
}

.contract-box .leasing-list li .layui-form-select .layui-edge,
.contract-box .debris-information .debris-detail li .layui-form-select .layui-edge {
	border: none;
	border-right: 1px solid;
	border-bottom: 1px solid;
	margin-top: -6px;
	width: 8px;
	height: 8px;  
	transform: rotate(45deg);
	border-color: #A8A8A8;
}

.contract-box .leasing-list li .layui-form-selected .layui-edge,
.contract-box .debris-information .debris-detail li .layui-form-selected .layui-edge {
	margin-top: -3px;
	-webkit-transform: rotate(225deg);
}

.contract-box .leasing-list li .layui-form-radio {
	height: inherit !important;
	line-height: inherit !important;
	width: inherit !important;
	margin: 0;
	padding-right: 0;
	line-height: normal;
}

.contract-box .leasing-list li .layui-form-radio > i {
	margin-right: 10px;
	line-height: 10px;
	color: #D6CEEC;
	font-size: 10px;
}

.contract-box .leasing-list li .layui-form-radio * {
	color: #999;
	font-size: 12px;
}

.contract-box .debris-information .debris-list {
	margin-bottom: 10px;
}

.contract-box .debris-information .debris-list li {
	float: left;
	margin: 0 12px 12px 0;
	width: 90px;
}

.contract-box .debris-information .debris-list li .layui-form-checkbox span {
	padding: 0 6px;
	color: #999;
	font-size: 12px;
	line-height: 12px;
}

.contract-box .debris-information .debris-list li .layui-form-checkbox[lay-skin="primary"] {
	width: auto;
}

.contract-box .debris-information .debris-list li .layui-form-checkbox[lay-skin="primary"] i {
	height: 10px;
	line-height: 10px;
	width: 10px;
	font-size: 10px;
	border-radius: 2px;
	border: 1px solid #979797;
	top: -2px;
}

.contract-box .debris-information .debris-list li .layui-form-checked[lay-skin="primary"] i {
	height: 10px;
	line-height: 10px;
	width: 10px;
	font-size: 10px;
	background-color: #9060B8;
	border-radius: 2px;
	border: 1px solid #9060B8;
}

.contract-box .debris-information .sub-title {
	margin-bottom: 15px;
	color: #333;
	font-size: 14px;
}

.contract-box .debris-information .debris-detail {
	margin-bottom: 15px;
}

.contract-box .debris-information .debris-detail li {
	float: left;
	margin: 0 35px 20px 0;
	width: 300px;
}

.contract-box .debris-information .debris-detail li .layui-unselect {
	height: 38px !important;
	line-height: 38px !important;
	width: auto;
}

.contract-box .debris-information .debris-detail li .layui-form-select dl {
	top: 38px;
}

.contract-box .debris-information .debris-detail li .label-text {
	color: #666;
	font-size:12px;
}

.contract-box .debris-information .debris-detail li .layui-form-select .layui-unselect {
	width: 300px;
}



.layui-form-select dl dd,
.layui-form-select dl dt {
	color: #666;
	font-size: 12px;
}

.contract-box .debris-information .debris-detail li .layui-date #date3 {
	background: url(../img/common/icon16.gif) no-repeat 278px 12px;
}

.contract-box .debris-information .debris-detail li .layui-date [type="text"] {
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	width: 300px;
	color: #666;
	font-size: 14px;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	box-sizing: border-box;
}

.contract-box .layui-form .submit {
	margin: 84px 50px 52px 0;
}

/*------------------------------------------------------------
	租房合同（租客支付后不可修改租赁信息）
------------------------------------------------------------*/
.contract-box .leasing-information-unchangeable,
.contract-box .debris-information-unchangeable {
	display: none;
}

.contract-box .leasing-information-unchangeable .layui-table th,
.contract-box .debris-information-unchangeable .layui-table th {
	color: #999;
	border: none;
}

.contract-box .leasing-information-unchangeable .layui-table td,
.contract-box .debris-information-unchangeable .layui-table td {
	color: #666;
	border: none;
}

/*------------------------------------------------------------
	租房合同-无合同
------------------------------------------------------------*/
.detail-box {
	/*display: none;*/
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 718px;
	overflow-y: scroll;
	padding: 21px 30px 0 30px;
	background-color: #fff;
}

.detail-box .layui-tab {
	margin: 0;
}

.detail-box .headline {
	margin-bottom: 21px;
	padding-left: 12px;
	color: #333;
	font-size: 18px;
	line-height: 1;
	border-left: 4px solid #43B989;
}

.detail-box .close {
	margin-bottom: 5px;
	text-align: right;
}

.detail-box .detail-title {
	margin-bottom: 16px;
	color: #333;
	font-size: 18px;
}

.detail-box .layui-tab-title {
	height: 43px;
}

.detail-box .layui-tab-title li {
	min-width: 147px;
	color: #666;
}

.detail-box .layui-tab-brief > .layui-tab-title .layui-this {
	color: #333;
}

.detail-box .layui-tab-title .layui-this::after {
	height: 44px;
	border-bottom-color: #CC8DFF;
}

.detail-box .layui-tab-content {
	padding: 0;
}

.detail-box .nothing-box {
	display: none;
}

.detail-box .nothing-box .no-contract {
	padding: 74px 0 110px;
	text-align: center;
}

.detail-box .nothing-box .no-contract .visual {
	margin-bottom: 15px;
}

.detail-box .nothing-box .no-contract p {
	color: #666;
}

.detail-box .nothing-box .no-contract p a {
	color: #9c6ac6;
}

.detail-box .nothing-box .no-contract .history .layui-table td {
	color: #666;
	border: none;
}

/*------------------------------------------------------------
	租房合同-无权限
------------------------------------------------------------*/
.detail-box .purview {
	display: none;
	padding: 88px 0;
}

.detail-box .purview p {
	color: #666;
	font-size: 12px;
	text-align: center;
}

/*------------------------------------------------------------
	租房合同
------------------------------------------------------------*/
.detail-box .content {
	margin-top: 26px;
}

.detail-box .content .layui-tab-inner .layui-tab-title {
	margin-bottom: 35px;
	height: 44px;
	border-bottom: none;
}

.detail-box .content .layui-tab-inner .layui-tab-title li {
	margin-right: 13px;
	line-height: 44px;
	min-width: 314px;
	color: #666;
	background-color: #F7F3FB;
	border-radius: 4px;
}

.detail-box .content .layui-tab-inner .layui-tab-title li:nth-child(2n) {
	margin-right: 0;
}

.detail-box .content .layui-tab-inner .layui-tab-title .layui-this::after {
	display: none;
}

.detail-box .content .layui-table {
	margin: 0 0 25px;
}

.detail-box .content .layui-table th {
	color: #999;
	border: none;
}

.detail-box .content .layui-table td {
	color: #666;
	border: none;
}

.detail-box .content .layui-table td img {
	max-width: inherit;
}

.layui-body .tips {
	margin-left: 15px;
	color: #ff5745;
	font-size: 14px;
}

/*------------------------------------------------------------
	租房合同-退租
------------------------------------------------------------*/
.detail-box .content .layui-table td .layui-date #date4 {
	background: url(../img/common/icon16.gif) no-repeat 490px 12px;
}

.detail-box .content .layui-table td .layui-date [type="text"] {
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	width: 512px;
	color: #666;
	font-size: 14px;
	border: 1px solid #EBEBEB;
	border-radius: 4px;
	box-sizing: border-box;
}

.detail-box .content .layui-table td .layui-textarea {
	height: 168px;
	width: 512px;
	border: 1px solid #EBEBEB;
	border-radius: 4px;
}

.detail-box .content .layui-table td .note {
	margin-top: 5px;
	color: #a7a7a7;
	font-size: 12px;
	text-align: right;
}

.detail-box .content .layui-table td .retired-explain dt {
	float: left;
	width: 63px;
	color: #666;
	line-height: 38px;
}

.detail-box .content .layui-table td .retired-explain dd {
	margin-left: 64px;
	position: relative;
}

.detail-box .content .layui-table td .retired-explain dd span {
	position: absolute;
	right: 6px;
	top: 9px;
	color: #a7a7a7;
	font-size: 12px;
}

.detail-box .content .layui-table td .retired-explain dd .layui-input {
	width: 448px;
	border-radius: 4px;
}

.detail-box .content .layui-form .submit {
	padding-top: 137px;
	text-align: center;
}

.detail-box .content .layui-form .submit li,
.withdraw-failed .submit li {
	margin: 0 55px;
	display: inline;
}

.detail-box .content .layui-form .submit a.layui-btn,
.withdraw-failed .submit .layui-btn-primary02 {
	height: 42px;
	line-height: 42px;
	width: 190px;
	color: #fff;
	font-size: 16px;
	background-color: #D2CFD6;
	border-radius: 5px;
	border: 1px solid #D2CFD6;
}

.detail-box .content .layui-table td .error {
	position: absolute;
	right: 15px;
	bottom: -15px;
	color: #ff5a5f;
	text-align: right;
}

/*------------------------------------------------------------
	租房合同-退租失败
------------------------------------------------------------*/
.withdraw-failed {
	/*display: none;*/
	position: fixed;
	left: 50%;
	top: 236px;
	padding: 15px 30px 67px;
	width: 700px;
	margin: 0 0 0 -396px;
	background-color: #FFF;
}

.withdraw-failed .headline,
.withdraw-success .headline,
.check-bills .headline {
	margin-bottom: 40px;
	color: #333;
	font-size: 18px;
}

.withdraw-failed .message,
.withdraw-success .message {
	margin: 0 0 0 41px;
	color: #666;
	font-size: 14px;
	font-weight: bold;
}

.withdraw-failed .submit,
.withdraw-success .submit {
	padding-top: 98px;
	text-align: center;
}

/*------------------------------------------------------------
	租房合同-退租成功
------------------------------------------------------------*/
.withdraw-success {
	/*display: none;*/
	position: fixed;
	left: 50%;
	top: 236px;
	padding: 15px 30px 67px;
	width: 700px;
	margin: 0 0 0 -396px;
	background-color: #FFF;
}

/*------------------------------------------------------------
	租客账单
------------------------------------------------------------*/
.detail-box .content .layui-table-bill {
	margin-bottom: 35px;
}

.detail-box .content .layui-table-bill th {
	padding: 12px 15px;
	color: #666;
	font-size: 12px;
	background-color: #F7F3FB;
}

.detail-box .content .layui-table-bill td {
	color: #666;
	font-size: 12px;
	border-bottom: 1px solid #DBDBDB;
}

.detail-box .content .layui-table-bill td span {
	color: #ff4141;
}

.detail-box .content .layui-table-bill td .layui-btn {
	height: 28px;
	line-height: 28px;
	margin: 0 4px;
	width: 68px;
	color: #9c6ac6;
	font-size: 12px;
	background-color: #F7F3FB;
	border-radius: 4px;
}

/*------------------------------------------------------------
	租客账单-查看账单
------------------------------------------------------------*/
.check-bills {
	/*display: none;*/
	position: fixed;
	left: 50%;
	top: 210px;
	padding: 18px 47px 69px 37px;
	width: 676px;
	margin: 0 0 0 -396px;
	background-color: #FFF;
}

.check-bills .headline {
	margin-bottom: 32px;
}

.check-bills dt {
	float: left;
	color: #666;
	font-size: 12px;
}

.check-bills dd {
	padding: 0 0 29px 12em;
	color: #333;
	font-size: 12px;
	line-height: 17px;
}

.check-bills dd:last-child {
	clear: both;
	padding: 15px 0 0;
}

.check-bills .layui-table {
	margin: 0;
}

.check-bills .layui-table th {
	padding: 12px 15px;
	color: #666;
	font-size: 12px;
	text-align: center;
	background-color: #F7F3FB;
	border: none;
}

.check-bills .layui-table td {
	padding: 12px 15px;
	color: #666;
	font-size: 12px;
	text-align: center;
	border: none;
	border-bottom: 1px solid #DBDBDB;
}

.check-bills .layui-table td span {
	color: #333;
	font-weight: bold;
}

.check-bills .layui-table td ul {
	margin: 0 auto;
	width: 290px;
}

.check-bills .layui-table td li {
	padding: 0 5px;
	width: 135px;
	float: left;
	color: #999;
	text-align: left;
}

/*------------------------------------------------------------
	租客账单-删除账单
------------------------------------------------------------*/
.delete-bill {
	/*display: none;*/
	position: fixed;
	left: 50%;
	top: 236px;
	padding: 67px 30px 53px;
	width: 700px;
	margin: 0 0 0 -402px;
	background-color: #FFF;
}

.delete-bill .message,
.urge-box .message {
	margin-bottom: 120px;
	color: #333;
	font-size: 16px;
	text-align: center;
}

.delete-bill .submit,
.urge-box .submit {
	text-align: center;
}

.delete-bill .submit li,
.urge-box .submit li {
	padding: 0 55px;
	display: inline;
}

.delete-bill .submit li .layui-btn-primary02,
.urge-box .submit li .layui-btn-primary02 {
	background-color: #D2CFD6;
	border: 1px solid #D2CFD6;
}

/*------------------------------------------------------------
	租客账单-催租
------------------------------------------------------------*/
.urge-box {
	display: none;	
	position: fixed;
	left: 50%;
	top: 236px;
	padding: 70px 30px 50px;
	width: 700px;
	margin: 0 0 0 -402px;
	background-color: #FFF;
}

/*------------------------------------------------------------
	租客账单-房间详情
------------------------------------------------------------*/
.detail-box .content .layui-table-room th {
	color: #666;
}

.detail-box .content .layui-table-room td {
	color: #666;
}

.detail-box .content .layui-table-room td a {
	margin: 0 6px;
	color: #9060b8;
	width: 90px;
	background-color: #F7F3FB;
	border-radius: 4px;
}

/*------------------------------------------------------------
	房间详情-编辑房间
------------------------------------------------------------*/
.edit-room {
	display: none;
	position: fixed;
	left: 50%;
	top: 236px;
	padding: 16px 30px 36px;
	width: 700px;
	margin: 0 0 0 -397px;
	background-color: #FFF;
}

.edit-room .headline {
	margin-bottom: 58px;
	color: #333;
	font-size: 18px;
}

.edit-room dl {
	margin: 0 0 82px 35px;
}

.edit-room dt {
	padding-top: 12px;
	float: left;
	color: #666;
}

.edit-room dd {
	margin-left: 8.4em;
}

.edit-room dd .layui-input {
	height: 44px;
	line-height: 44px;
	padding-left: 15px;
	width: 514px;
	color: #666;
	background-color: #F6F6F6;
	border: 1px solid #F6F6F6;
	border-radius: 5px;
}

.edit-room .submit {
	text-align: center;
}

.edit-room .submit .layui-btn {
	height: 42px;
	line-height: 42px;
	width: 190px;
	color: #fff;
	font-size: 16px;
	background-color: #9060B8;
	border-radius: 4px;
}

/*------------------------------------------------------------
	房间详情-删除
------------------------------------------------------------*/
.room-details-delete {
	display: none;
	position: fixed;
	left: 50%;
	top: 236px;
	padding: 106px 30px 36px;
	width: 700px;
	margin: 0 0 0 -397px;
	background-color: #FFF;
}

.room-details-delete .message {
	margin-bottom: 94px;
	color: #333;
	font-size: 18px;
	text-align: center;
}

.room-details-delete .message-failure {
	display: none;
	margin-bottom: 94px;
	color: #333;
	font-size: 18px;
	text-align: center;
}

.room-details-delete .submit {
	text-align: center;
}

